<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>CSS技术</title>
<!-- 2.独立的.css文件 -->
		<link rel="stylesheet" href="css/tygy.css"/>
		
<!-- 1.放在head之间 -->
		<style>
		/* 	div {
				font-size: 30px;
				color: red;
			} */

		.titCss{
			font-size: 30px;
			color: beige;
		}
		
		#firstDiv{
			color: red;
			font-size: 20px;
		}
		#secondDiv{
			color: yellow;
			font-size: 25px;
		}
		</style>
	</head>
	<body>

		<div>
			太原工业学院数据科学与大数据技术
		<div/>
		
<!-- 3.放在标记的style属性里 -->
		<span style="color: #FF7F00;">
			6-30位字母、数字或“_”,字母开头
		</span>
		
		<h2 class="titCss">class选择器</h2>
		<p>这是一个段落</p>
		<p class="titCss">这是第二个段落</p>
		<span class="titCss">这是一个提示</span>
		
		<h2>id选择器</h2>
		<div id="firstDiv">Java研发工程师</div>
		<div id="secondDiv">Java大数据研发工程师</div>
	</body>
</html>
